<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>Demo Project Main Page</title>
<link href="../css/bootstrap.min.css" rel="stylesheet" />
<link href="../css/bootstrap-responsive.css" rel="stylesheet">
<link href="../css/docs.css" rel="stylesheet">
</head>


<body>

	<!-- Navbar
    ================================================== -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="./index.html">Demo</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active">
                <a href="#">Home</a>
              </li>
              <li class="">
                <a href="#">Get started</a>
              </li>
              <li class="">
            </ul>
          </div>
        </div>
      </div>
    </div>
    
	<div class="container">
		<div class="row-fluid">
		
			<!-- sider -->
			<div class="span3">
				<ul class="nav nav-list bs-docs-sidenav">
		          <li><a href="./art-template.html"><i class="icon-chevron-right"></i> artTemplate</a></li>
		          <li class="active"><a href="./bootstrap.html"><i class="icon-chevron-right"></i> Bootstrap</a></li>
		        </ul>
			</div>
			
			<!-- content -->
			<div class="span9">
			
				<section id="bootstrap">
					<div class="page-header">
			            <h1>Bootstrap Tab Demo</h1>
			        </div>
					<div class="bs-docs-example">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
							<li><a href="#profile" data-toggle="tab">Profile</a></li>
							<li><a href="#messages" data-toggle="tab">Messages</a></li>
							<li><a href="#settings" data-toggle="tab">Settings</a></li>
						</ul>
	
						<div class="tab-content">
							<div class="tab-pane active" id="home">.home.</div>
							<div class="tab-pane" id="profile">.profile.</div>
							<div class="tab-pane" id="messages">.messages.</div>
							<div class="tab-pane" id="settings">.settings.</div>
						</div>
						<div>
<pre class="prettyprint linenums">
&lt;ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"&gt;
  &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
  &lt;li class="divider"&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</pre>					
						</div>
						
						
					</div>
				</section>
				
				
			</div>
		</div>
	</div>
	
	
	
	<script src="../sea-modules/seajs/seajs/2.1.1/sea.js"></script>
	
	<script>

	  // Set configuration
	  seajs.config({
	    base: "../sea-modules/",
	    alias: {
	      "jquery": "jquery/jquery/1.10.1/jquery.js"
	    }
	  });
	
	  seajs.use("../js/bootstrap-page");
	  
	</script>
</body>
</html>
